<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
	  xmlns:th="http://www.thymeleaf.org">

	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<link rel="stylesheet" type="text/css" th:href="@{/css/common_samplify.css}" />
		<link rel="stylesheet" type="text/css" th:href="@{/css/personal_info.css}" />
		<script th:src="@{/js/jquery-3.2.1.min.js}" type="text/javascript" charset="utf-8"></script>
		<script th:src="@{/js/personal_info.js}" type="text/javascript" charset="utf-8"></script>

	</head>

	<body>
		<!--
        	描述：头部图片及头像,使用用户微信图像做背景图和头像
        -->
		<div class="bg_snow header">
			<div class="header_info position_relative">

				<!--
                	描述：背景图
                -->
				<img id="img" th:src="${session.headUrl}" class="width100" 	/>
				<!--
                	描述：头像，css里设置的背景图
                -->
				<div id="headImg"  class="head_img position_absolute" >
				</div>
				<!--
                	描述：用户名
                -->
				<p class="position_absolute">您好 <span th:text="${session.userName}"></span></p>
			</div>
			<!--
            	描述：用户信息导航开始
            -->
			<div class="nav">
				<div class="col-3 coupan">
					<a th:href="@{/myAttention}" class="textdecoration_none color666"><img th:src="@{/img/fanzone_icon/myAttention.png}" />
						<br />我的关注</a>
				</div>
				<div class="col-3 coupan">
					<a th:href="@{/myFavorate}" class="textdecoration_none color666"><img th:src="@{/img/fanzone_icon/mylove.png}" />
						<br />我的收藏</a>
				</div>
				<div class="col-3 coupan">
					<a th:href="@{/myIntegral}" class="textdecoration_none color666"><img th:src="@{/img/fanzone_icon/integral.png}" />
						<br />玩转积分</a>
				</div>
				<div class="col-3 coupan">
					<a th:href="@{/browsingHistory}" class="textdecoration_none color666"><img th:src="@{/img/fanzone_icon/browse.png}" />
						<br />浏览记录</a>
				</div>
			</div>
		</div>

		<div class="myCoupan bg_snow">
			<a th:href="@{/buyer/userCoupon/list(flag=2,openid=${session.openid})}" class="color666  textdecoration_none ">
				<div class="myCoupan_head">
					我的优惠券
				</div>
				<div class="myCoupan_body">
					<a th:href="@{/buyer/userCoupon/list(flag=2,openid=${session.openid})}" class="textdecoration_none color666">
						<div class="col-4">
							<img th:src="@{/img/fanzone_icon/daishiyong.png}" />
							<br />待使用
						</div>
					</a>
					<a th:href="@{/buyer/userCoupon/list(flag=1,openid=${session.openid})}" class="textdecoration_none color666">
						<div class="col-4">
							<img th:src="@{/img/fanzone_icon/daifukuan.png}" />
							<br />待付款
						</div>
					</a>
					<a th:href="@{/buyer/userCoupon/list(flag=5,openid=${session.openid})}" class="textdecoration_none color666">
						<div class="col-4">
							<img th:src="@{/img/fanzone_icon/kuaiguoqi.png}" />
							<br />即将过期
						</div>
					</a>
				</div>
			</a>
		</div>

		<div class="info width100">
			<a  class="color666 textdecoration_none">
				<div class="width100 bg_snow paddingLR10" onclick="setPhoneNum()">
					设置手机号<span class=""><svg t="1513086235898" class="icon" style="" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2613" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="40"><defs><style type="text/css"></style></defs><path d="M202.666667 1024L174.222222 984.888889l597.333334-476.444445L174.222222 39.111111 202.666667 0 849.777778 508.444444z" p-id="2614" fill="#bfbfbf"></path></svg></span>
				</div>
			</a>
			<a href="tel:w15056815776" class="color666 textdecoration_none">
				<div class="width100 bg_snow paddingLR10">
					联系客服<span class=""><svg t="1513086235898" class="icon" style="" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2613" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="40"><defs><style type="text/css"></style></defs><path d="M202.666667 1024L174.222222 984.888889l597.333334-476.444445L174.222222 39.111111 202.666667 0 849.777778 508.444444z" p-id="2614" fill="#bfbfbf"></path></svg></span>
				</div>
			</a>
			<a th:href="@{/seller/shopApply/load}" class="color666 textdecoration_none ">
				<div class="width100 bg_snow paddingLR10">
					商家入驻<span class=""><svg t="1513086235898" class="icon" style="" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2613" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="40"><defs><style type="text/css"></style></defs><path d="M202.666667 1024L174.222222 984.888889l597.333334-476.444445L174.222222 39.111111 202.666667 0 849.777778 508.444444z" p-id="2614" fill="#bfbfbf"></path></svg></span>
				</div>
			</a>
			<a th:href="@{#}" class="color666 textdecoration_none">
				<div class="width100 bg_snow paddingLR10">
					推荐好友<span class=""><svg t="1513086235898" class="icon" style="" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2613" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="40"><defs><style type="text/css"></style></defs><path d="M202.666667 1024L174.222222 984.888889l597.333334-476.444445L174.222222 39.111111 202.666667 0 849.777778 508.444444z" p-id="2614" fill="#bfbfbf"></path></svg></span>
				</div>
			</a>
		</div>
		<div class="phone_num">
				<div id="" onclick="setPhoneNumHide()">
				</div>
				<form th:action="@{/buyer/userInfo/updatePhone}" th:object="${userForm}" method="post" onsubmit="return checkPhoneNum()">
					<span id="setPhone">
					设置手机号：
				</span>
					<input type="text"   id="phoneNum" th:name="handPhone" placeholder="请输入您的手机号" maxlength="11" />
					<input type="hidden" id="openid"   th:name="openid" th:value="${session.openid}" />
					<input type="submit" id="submit" value="提交" />
				</form>
		</div>
		<br />
		<br />
		<br />
		<br />
		<!--
		        	描述：底部导航
		        -->
		<div class="position_fix bottom0 bt row width100 bg_snow">
			<div class="col-4 text_center">
				<a th:href="@{/buyer/bussiness/allBussiness(flag=recommend)}" class="textdecoration_none color666">首页</a>
			</div>
			<div class="col-4 text_center colorFz">
				<b>个人中心</b>
			</div>
			<div class="col-4 text_center">
				<a th:href="@{/couponCenter(openid=${session.openid})}" class="textdecoration_none color666">优惠券</a>
			</div>
		</div>
	</body>
	<script type="text/javascript">
        var headUrl=$("#img").attr("src");
        $("#headImg").css("background-image","url("+headUrl+")");
	</script>
</html>